<ion-navbar color="primary">
  <button ion-button menuToggle>
    <ion-icon name="menu"></ion-icon>
  </button>

  <ion-searchbar (ionInput)="search($event)" (ionClear)="onClear($event)" [(ngModel)]="keywords"></ion-searchbar>
  <ion-buttons end>
    <button ion-button (click)="showCart()">
      <ion-icon name="cart"></ion-icon>
    </button>
    <button ion-button (click)="openModel()">
      <img *ngIf="show;else noshow" src="./assets/desktop.svg" style="width: 30px;height: 23px" >
      <ng-template #noshow> {{Table_ID}}</ng-template>
    </button>
  </ion-buttons>
</ion-navbar>
<ion-toolbar *ngIf="showCate" no-padding color="jjna-green">
  <ion-grid no-padding>
    <ion-row>
      <ion-col col-4 *ngFor="let c of categories" text-center text-uppercase (click)="showList(c.Category_ID)">
        {{c.Category_Name}}
      </ion-col>
      <ion-col col-4></ion-col>
      <ion-col col-4 text-center text-uppercase (click)="showAll()">
        All
      </ion-col>
    </ion-row>
  </ion-grid>
</ion-toolbar>



